@charset "utf-8";
/* 
	Base CSS Document for Animated Phrases Templates
		- Designed for screens between 979px and 671px in width
	
	Design by: Jacob Barr of iRapture.com
	Development by: Joshua Moor of iRapture.com
	
	Last Modified: 3/14/2014
	Last Validated:
*/

/* Blocks */
#page_wrapper, #page_slider{overflow:hidden !important;}
body{background:#F00;}
.centering_wrapper{width:100%;}
#page_header{min-height:112px;}
#light_box{width:40%;}
#dark_box{width:60%;}
	#light_box .text{float:left; width:330px;}
	#dark_box .text{float:right;}

/* Navigation */
#top_nav{display:none !important;}

#content #content_nav{display:none !important;}

/* Special Links */
#page_header a.logo{position:relative; left:25%; width:50%; max-width:none !important; text-align:center; margin:12px 0 5px 0;}
#page_header a.button{display:none !important;}

/* Images */
#page_header a.logo img{float:none; display:inline;}

/* Text */
#content h1{padding-left:10px; padding-right:10px;}
#content h2{padding-left:10px; padding-right:10px;}
#content h3, #content h4, #content h5, #content h6{padding-left:10px; padding-right:10px;}
#content p{padding-left:10px; padding-right:10px;}
#content ol, #content ul{margin-left:10px; margin-right:10px;}
#content table{margin-left:10px; margin-right:10px;}

#dark_box h1{font-size:3em;}
#dark_box p{font-size:2.2em;}
#dark_box p.large{font-size:3.6em;}

#light_box h2{}
#light_box ul{font-size:1.596em; padding-top:5px;}
#light_box li{clear:both; width:88%; background:url(../images/pa_checkmark.png) 3% top no-repeat; padding:0 0 0 12%;}
#light_box a.button{font-size:1.5em; width:95%; margin:0 0 0 2.5%; font-weight:bold;}
#light_box p{padding:.5em 0;}

#footer_address h2{font-size:1.8em; padding-left:5px;}
#footer_address p{font-size:1.4em; padding-left:5px;}

#copyright p{font-size:1em; padding-right:5px;}

/* -- Phrase Header */
#phrase_text p.line_1{font-size:2.808em; padding:4% 0 0 4.8em;}
#phrase_text p.line_2{font-size:3.123em; padding:7% 0 0 6em;}
#phrase_text p.line_3{font-size:3.123em; padding:6% 0 0 6.5em;}

#content #phrase_wrapper img.background_image{width:auto !important; float:right; right:-100px;}

/* Helper Classes */
.mobile_only{display:block !important;}
.large_only, .script_only{display:none !important;}